const {
  defineConfig
} = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  devServer: {
    //配置项目启动后自动打开浏览器
    // open:true,
    //如果配置了自动打开浏览器后,要显性的配置默认端口号
    host: '127.0.0.1',
    //脚手架配置的默认端口号是8080,可以修改端口号
    port: 9999,



    //配置代理
    //第一种配置代理的方式:简单方式:proxy的属性就是目标地址
    //优点:简单  缺点:只能配置一个
    // proxy:'http://gmall-h5-api.atguigu.cn/'

    //第二种配置代理的方式
    proxy:{
      //(/api1)代表这个代理
      '/api1': {
        //代理地址
        target: 'http://gmall-h5-api.atguigu.cn/',
        //伪装是目标服务器
        changeOrigin: true,
        //正则校验去掉/api1
        pathRewrite: {
          '^/api1': ''
        }
      }
    }
  },

  //把配置项合并到webpack配置中
  configureWebpack: {
    //配置路径别名
    resolve: {
      alias: {
        "@assets": "@/assets",
        "@comp": "@/components",
        "@pages": "@/pages",
      },
    },
  },

})